<template>
  <div class="payfailure">
    <div style="height: 200px">
      <div class="img flj"><img src="../../../static/images/failure.png" alt="支付失败"></div>
      <p style="font-size: 15px;color: #666;text-align: center">支付失败</p>
    </div>

    <div class="flj">
      <router-link to="/index" style="display: inline-block;">
        <button style="border: 1px solid #999;background: #fff;width: 125px;height: 39px;border-radius: 5px">返回首页
        </button>
      </router-link>
    </div>
  </div>
</template>
<script>

</script>
<style lang="less" type="text/less" scoped>
  .payfailure {
    margin-top: 40px;
    .flj {
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      -webkit-justify-content: center;
    }
    .img {
      margin-bottom: 30px;
      img {
        width: 75px;
        height: 74px
      }
    }
    ul {
      li {
        height: 36px;
        line-height: 36px;
      }
      li + li {
        border-top: 1px solid #e5e5e5;
      }
    }

  }
</style>
